<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/index.min.css">
    <link rel="stylesheet" href="./css/swiper-bundle.css">
</head>

<body>
    <div class="wrap">
        <!-- 顶部 -->
        <header>
            <div class="logo">
                <img src="./img/index/logo.png" alt="">
            </div>
            <div class="follow">
                <img src="./img/index/topQcode.jpg" alt="">
                <span>关注我们</span>
            </div>
            <div class="phone">
                <img src="./img/index/phone_icon.png" alt="">
                <span>4006-126-126</span>
            </div>
        </header>

        <!-- 主体区域 -->
        <main>
            <!-- 导航栏 -->
            <section class="navBar">
                <!-- 英文导航 -->
                <div class="EnglishNav">
                    <ul>
                        <li>HOME</li>
                        <li>UNDERSTAND PUHUI</li>
                        <li>BOUTIQUE PACKAGE</li>
                        <li>CLEAN TEETH</li>
                        <li>INFO RELEASE</li>
                        <li>CUSTOMER MANAGEMENT</li>
                        <li>TALENT RECRUITMENT</li>
                    </ul>
                </div>

                <!-- 中文导航 -->
                <div class="ChineseNav">
                    <ul>
                        <li><a href="./index.html">首页</a></li>
                        <li>了解普惠</li>
                        <li><a href="./package.html">精品套餐</a></li>
                        <li><a href="./cleanteeth.html">健康洁牙</a></li>
                        <li>信息公开</li>
                        <li>客户管理</li>
                        <li>人才招聘</li>
                    </ul>
                </div>
            </section>

            <!-- 首页轮播图 -->
            <section class="banner">
                <div id="swiper" class="swiper">
                    <div class="swiper-wrapper">
                        <!-- <div class="swiper-slide"><img src="./img/index/banner-carousel1.jpg" alt=""></div>
                        <div class="swiper-slide"><img src="./img/index/banner-carousel2.png" alt=""></div>
                        <div class="swiper-slide"><img src="./img/index/banner-carousel3.jpg" alt=""></div> -->
                    </div>
                    <!-- 分页器 -->
                    <div class="swiper-pagination"></div>
                </div>
            </section>

            <!-- 现在体检等功能区 -->
            <section class="menuBox">
                <div class="content">
                    <div class="menu">
                        <div class="menuImg">
                            <!-- <img src="./img/index/tijian_icon.png" alt=""> -->
                        </div>
                        <span><a href="">现在体检</a></span>
                    </div>
                    <div class="menu">
                        <div class="menuImg">
                            <!-- <img src="./img/index/yuyue_icon.png" alt=""> -->
                        </div>
                        <span><a href="">我要预约</a></span>
                    </div>
                    <div class="menu">
                        <div class="menuImg">
                            <!-- <img src="./img/index/chaxun_icon.png" alt=""> -->
                        </div>
                        <span><a href="">报告查询</a></span>
                    </div>
                    <div class="menu">
                        <div class="menuImg">
                            <!-- <img src="./img/index/jiedu.png" alt=""> -->
                        </div>
                        <span><a href="">报告解读</a></span>
                    </div>
                </div>
            </section>

            <!-- 套餐推荐 -->
            <section class="recommendation">
                <h2>精品套餐推荐</h2>
                <p>PREMIUM PACKAGE RECOMMENDATION</p>
                <img src="./img/index/line.png" alt="">
                <div class="top-rec">
                    <div class="package">
                        <div class="top">
                            <div class="content">
                                <p>入职体检套餐</p>
                                <img src="./img/index/zhuangshiLine.png" alt="">
                                <ul>
                                    <li>. 内外科</li>
                                    <li>. 肝功5项</li>
                                    <li>. 尿液分析</li>
                                    <li>. 血细胞分析</li>
                                    <li>. ...</li>
                                </ul>
                                <button>立即购买</button>
                            </div>
                            <div class="photo">
                                <!-- <img src="./img/index/people1.png" alt=""> -->
                            </div>
                        </div>
                        <div class="bottom"></div>
                    </div>
                    <div class="package">
                        <div class="top">
                            <div class="content">
                                <p>职场精细套餐（双人）</p>
                                <img src="./img/index/zhuangshiLine.png" alt="">
                                <ul>
                                    <li>. 肿瘤标志物</li>
                                    <li>. 肿瘤标志物</li>
                                    <li>. 肿瘤标志物</li>
                                    <li>. 肿瘤标志物</li>
                                    <li>. ...</li>
                                </ul>
                                <button>立即购买</button>
                            </div>
                            <div class="photo">
                                <!-- <img src="./img/index/people2.png" alt=""> -->
                            </div>
                        </div>
                        <div class="bottom"></div>
                    </div>
                </div>
                <div class="bottom-rec">
                    <div class="package">
                        <div class="top">
                            <div class="content">
                                <p>入职体检套餐</p>
                                <img src="./img/index/zhuangshiLine.png" alt="">
                                <ul>
                                    <li>. 内外科</li>
                                    <li>. 肝功5项</li>
                                    <li>. 尿液分析</li>
                                    <li>. 血细胞分析</li>
                                    <li>. ...</li>
                                </ul>
                                <button>立即购买</button>
                            </div>
                            <div class="photo">
                                <!-- <img src="./img/index/people1.png" alt=""> -->
                            </div>
                        </div>
                        <div class="bottom"></div>
                    </div>
                    <div class="package">
                        <div class="top">
                            <div class="content">
                                <p>职场精细套餐（双人）</p>
                                <img src="./img/index/zhuangshiLine.png" alt="">
                                <ul>
                                    <li>. 肿瘤标志物</li>
                                    <li>. 肿瘤标志物</li>
                                    <li>. 肿瘤标志物</li>
                                    <li>. 肿瘤标志物</li>
                                    <li>. ...</li>
                                </ul>
                                <button>立即购买</button>
                            </div>
                            <div class="photo">
                                <!-- <img src="./img/index/people2.png" alt=""> -->
                            </div>
                        </div>
                        <div class="bottom"></div>
                    </div>
                </div>
            </section>

            <!-- 普惠全国 -->
            <section class="wholeCountry">
                <h2>普惠全国</h2>
                <p>WHOLE COUNTRY DISTRIBUTION
                </p>
                <img src="./img/index/line.png" alt="">
                <div class="distribution">
                    <div class="address">
                        <img src="./img/index/logo (1).png" alt="">
                        <div class="content">
                            <p>西安高新嘉宾体检中心</p>
                            <p>营 业 时 间：周二至周日</p>
                            <p>地 址： 西安市高新四路1号高科广场A座4层</p>
                            <p>电 话 ： 029-88828007</p>
                        </div>
                    </div>
                    <div class="map">
                        <!-- <img src="./img/index/map.jpg" alt=""> -->
                    </div>
                    <div class="branch">
                        <ul>
                            <li>陕西 · 西安高新嘉宾体检中心</li>
                            <li>陕西 · 西安劳南体检中心</li>
                            <li>陕西 · 西安高新体检中心</li>
                            <li>陕西 · 西安太白体检中心</li>
                            <li>陕西 · 西安曲江体检中心</li>
                            <li>陕西 · 西安交大体检中心</li>
                            <li>陕西 · 西安经开区体检中心</li>
                            <li>陕西 · 西安未央体检中心</li>
                            <li>陕西 · 咸阳普惠体检中心</li>
                            <li>重庆 · 重庆普惠体检中心</li>
                            <li>洛阳 · 洛阳普惠体检中心</li>
                            <li>郑州 · 郑州普惠体检中心</li>
                            <li>河北 · 高碑店普惠体检中心</li>
                            <li>江西 · 丰城普惠体检中心</li>
                            <li>合肥 · 合肥普惠体检中心</li>
                            <li>河北 · 保定普惠体检中心</li>
                            <li>武汉 · 武汉普惠体检中心</li>
                            <li>新疆 · 喀什普惠体检中心</li>
                            <li>贵阳 · 贵阳普惠体检中心</li>
                            <li>甘肃 · 兰州普惠体检中心</li>
                            <li>河南 · 新野普惠体检中心</li>
                        </ul>
                    </div>
                </div>
            </section>
        </main>

        <!-- 底部 -->
        <footer>
            <div class="content">
                <div class="puhui-link">
                    <div class="link">
                        <span>关于普惠</span>
                        <ul>
                            <li>企业简介</li>
                            <li>企业荣誉</li>
                            <li>企业动态</li>
                            <li>企业公益</li>
                            <li>合作单位</li>
                            <li>人才招聘</li>
                        </ul>
                    </div>
                    <div class="link">
                        <span>友情链接</span>
                        <ul>
                            <li>中国卫生部</li>
                            <li>中国疾控中心</li>
                            <li>中华医学会</li>
                            <li>人民健康网</li>
                            <li>中国医院协会</li>
                            <li>新浪健康</li>
                        </ul>
                    </div>
                </div>
                <div class="phoneNum">
                    <div class="number">
                        <img src="./img/index/bottom_phone.png" alt="">
                        <p>全国统一咨询电话:</p>
                    </div>
                    <span>4006-126-126</span>
                </div>
                <div class="qrCode">
                    <div class="qrIcon">
                        <div class="codeImg">
                            <!-- <img src="./img/index/weixin.png" alt=""> -->
                        </div>
                        <span>普惠公众号</span>
                    </div>
                    <div class="qrIcon">
                        <div class="codeImg">
                            <!-- <img src="./img/index/weibo.png" alt=""> -->
                        </div>
                        <span>普惠新浪微博</span>
                    </div>
                    <div class="qrIcon">
                        <div class="codeImg">
                            <!-- <img src="./img/index/tianmao.png" alt=""> -->
                        </div>
                        <span>天猫旗舰店</span>
                    </div>
                </div>
            </div>
            <div class="copyright">
                <p>西安普惠健康体检有限公司 版权所有 2005-2020 About puhui 陕ICP备1108537号-1</p>
                <ul>
                    <li>隐私保护</li>
                    <li>法律声明</li>
                    <li>RSS订阅</li>
                </ul>
            </div>
        </footer>
    </div>

    <script src="./js/module/swiper-bundle.js"></script>
    <script type="module" src="./js/index.js"></script>
</body>

</html>